import React from "react"

interface CircleStateProps {
  color?: string
  size?: number
}

const CircleState: React.FC<CircleStateProps> = ({ color = "green", size = 16 }) => (
  <div
    style={{
      width: size,
      height: size,
      backgroundColor: color,
      borderRadius: "50%",
      display: "inline-block"
    }}
  />
)

export default CircleState
